<!DOCTYPE html>
<html>

<head>
  <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
  <title>Resource Book - The ultimate collection for sprouting Devs</title>
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <div id="app">

    <header>
      <div id="left-head">
        <h2>A<span style="color: var(--theme)"><sub>2</sub></span>Z</h2>
      </div>
      <nav>
        <ul style="list-style: none;">
          <li><a href="index.html" title="Explorer">Explorer</a></li>
          <li><a href="." title="Roadmaps">Roadmaps</a></li>
          <li><a href="." title="Resource Finder">Resource Finder</a></li>
          <li>|</li>
          <li><a href="." title="SignUp">SignUp</a></li>
          <li><a class="button-link" data-color="#02ccba" href=".">Login</a></li>
        </ul>
      </nav>
    </header>

    <main>
      <h1 class="heading">Explore the ultimate collection</h1>
      <p class="sub-heading">What's on your mind today? Want to do self-study? Explore new peers?</p>
      <section id="main-list">
        <div class="box" style="background-color: #34C2E9;"><a href="pages/coding-resources.html">Coding Resources</a></div>
        <div class="box" style="background-color: #2CD0C2;"><a href=".">Hackathons<br>&<br>Events</a></div>
        <div class="box" style="background-color: #A062E5"><a href=".">Student Benfits<br>&<br>Programs</a></div>
        <div class="box" style="background-color: #2E3D49"><a href=".">Open Source<br>Programs</a></div>
        <div class="box" style="background-color: #E2953B"><a href=".">Startup Programs<br>&<br>Incubators</a></div>
        <div class="box" style="background-color: #CC4368"><a href=".">Internship Portals</a></div>
        <div class="box" style="background-color: #05AA9B"><a href=".">Developer Clubs<br>&<br>Meetups</a></div>
        <div class="box" style="background-color: #AD66E3"><a href=".">Conferences<br>for<br>Students</a></div>
        <div class="box" style="background-color: #2E3D49"><a href=".">Top People<br>to follow</a></div>
      </section>
    </main>

    <footer>
      <div id="footer-container">
        <div id="footer-left">
          <h1>A<span style="color: var(--theme)"><sub>2</sub></span>Z</h1>
        </div>

        <div id="footer-right">
          <div class="support-links">
            <p>Willing to contribute?</p>
            <a class="button-link" style="background-color: #111" href="https://github.com/dipakkr/A-to-Z-Resources-for-Students">GitHub</a>
          </div>
          <div class="support-links">
            <p>Join our Gitter Lobby</p>
            <a class="button-link" style="background-color: #CC4368">Gitter</a>
          </div>
        </div>

        <div id="claim">
          <p>This project was initiated in 2018 by Deepak Kumar</p>
          <p>Made with <span style="color: #CC4368;">&#10084;</span> by the Open Source</p>
        </div>
      </div>
    </footer>

  </div>
  <script src="js/index.js"></script>
</body>

</html>